import React from "react";
import styles from "./footer.less";

const Footer = () => {
  return (
    <div className={styles.footer}>
      <div className={styles.inner}>
        <div className={styles.link}>
          <div className={styles.linkleft}>
            <h3>bilibili</h3>
            <ul>
              <li>
                <a href="">关于我们</a>
              </li>
              <li>
                <a href="">联系我们</a>
              </li>
              <li>
                <a href="">用户协议</a>
              </li>
              <li>
                <a href="">加入我们</a>
              </li>
              <li>
                <a href="">关于我们</a>
              </li>
              <li>
                <a href="">联系我们</a>
              </li>
              <li>
                <a href="">用户协议</a>
              </li>
              <li>
                <a href="">加入我们</a>
              </li>
            </ul>
          </div>
          <div className={styles.linkmiddle}>
            <h3>传送门</h3>
            <ul>
              <li>
                <a href="">关于我们</a>
              </li>
              <li>
                <a href="">联系我们</a>
              </li>
              <li>
                <a href="">用户协议</a>
              </li>
              <li>
                <a href="">加入我们</a>
              </li>
              <li>
                <a href="">关于我们</a>
              </li>
              <li>
                <a href="">联系我们</a>
              </li>
              <li>
                <a href="">用户协议</a>
              </li>
              <li>
                <a href="">加入我们</a>
              </li>
              <li>
                <a href="">关于我们</a>
              </li>
              <li>
                <a href="">联系我们</a>
              </li>
              <li>
                <a href="">用户协议</a>
              </li>
              <li>
                <a href="">加入我们</a>
              </li>
            </ul>
          </div>
          <div className={styles.linkright}>
            <div>
              <a href="">
                <i className="iconfont">&#xe629;</i>
                <p>下载APP</p>
              </a>
            </div>
            <div>
              <a href="">
                <i className="iconfont">&#xe619;</i>
                <p>官方微博</p>
              </a>
            </div>
            <div>
              <a href="">
                <i className="iconfont">&#xe73b;</i>
                <p>官方微信</p>
              </a>
            </div>
          </div>
        </div>
        <div className={styles.webInfor}>
          <div className={styles.picBox}>
            <img
              src="//s1.hdslb.com/bfs/seed/jinkela/footer-v2/images/partner.png"
              alt=""
            />
            <img
              src="https://s1.hdslb.com/bfs/static/jinkela/long/images/pic962110.png"
              alt=""
            />
            <img src="//backup.hdslb.com/bfs/mainfront/confirm.png" alt="" />
          </div>
          <div className={styles.textBox}>
            <p>
              营业执照 信息网络传播视听节目许可证：0910417 网络文化经营许可证
              沪网文【2019】3804-274号
              广播电视节目制作经营许可证：（沪）字第01248号
              增值电信业务经营许可证 沪B2-20100043
              互联网ICP备案：沪ICP备13002172号-3
            </p>
            <p>
              出版物经营许可证 沪批字第U6699 号 互联网药品信息服务资格证
              沪-非经营性-2016-0143 营业性演出许可证 沪市文演（经）00-2253
            </p>
            <p>
              违法不良信息举报邮箱：help@bilibili.com
              |违法不良信息举报电话：4000233233转3
            </p>
            <div className={styles.report}>
              <a href="">上海互联网举报中心 | </a>
              <a href="">12318全国文化市场举报网站 | </a>
              <a href="">沪公网安备31011002002436号 | </a>
              <a href="">儿童色情信息举报专区 | </a>
              <a href="">扫黄打非举报 </a>
            </div>
            <p>
              中国互联网违法和不良信息举报中心：
              <a href="">中国互联网违法和不良信息举报中心</a>
            </p>
            <p>
              亲爱的市民朋友，上海警方反诈劝阻电话“962110”系专门针对避免您财产被骗受损而设，请您一旦收到来电，立即接听。
            </p>
            <p>
              公司名称：上海宽娱数码科技有限公司|公司地址：上海市杨浦区政立路485号|电话：021-25099888
            </p>
          </div>
        </div>
      </div>
    </div>
  );
};

export default Footer;
